﻿/*
KISSY CSS Reset
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
维护：玉伯(lifesinger@gmail.com), 正淳(ragecarrier@gmail.com)
*/

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; /*font-size: 62.5%;*/ font-size:100px;}

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 0.12rem/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 0.18rem; /* 18px / 12px = 1.5 */ }
h2 { font-size: 0.16rem; }
h3 { font-size: 0.14rem; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 0.12rem; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
  font-family:Microsoft YaHei;
  font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

a:focus,a:active,
button,button:focus,
a, img { outline: none; /* for Forefox */}
/*img {max-width: 100%;}*/
/* =============================********** 清楚浮动的样式处理 ***************========================= */    
/* For modern browsers */
.cf:before,
.cf:after { content:"";display:table;}
.cf:after { clear:both; }/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }
/** end 清除浮动 **/


a { text-decoration:none; color:#276a9e;}
a:hover {color:#ec4e00;}
/* =============================********** 清楚浮动的样式处理 ***************========================= */	
/* For modern browsers */
/** end 清除浮动 **/
.clear, .clearfix, ul.button-group::after, ol.button-group::after, .nav ul, .tabs > div, [role~="tabpanel"] {
    clear: both;
}
.clear::after, .clearfix::after, ul.button-group::after, ol.button-group::after, .nav ul::after, .tabs > div::after, [role~="tabpanel"]::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}


/* input 
-----------------------------------------------------------------------*/
.input_style1 { height:16px; line-height:16px; color:#808080; border:1px solid #7f9db9; vertical-align:middle;}
.input_style2 { height:0.14rem; line-height:0.14rem; color:#808080; border:0px solid #7f9db9; vertical-align:middle; font-size: 0.14rem;}

.input-login:focus,
input,
input:hover,
input:focus{
	box-shadow: none;
	outline: none;
}

/* textarea */
.textarea_style1 { color:#000; border:1px solid #9dc2df; background-color:#fff; vertical-align:middle;}
input:hover{outline: none;}
/* end input */

/* select */
.select_style1 { color:#7c8799; font-size:12pt;	vertical-align:middle;}
select { color:#000; font-size:12pt;}
/* end select 
-----------------------------------------------------------------------*/


/* font *********************************************************************************** */
/* 文本样式 ************************************************************************** */
/* 字体大小 */
        .f_12,.f_12 *{font-size:12pt;}
        .f_14,.f_14 *{font-size:14pt;}
        .f_12r,.f_12r *{font-size:0.13rem;}
        .f_14r,.f_14r *{font-size:0.15rem;}
/* 字体加粗 */
        .f_bold,.f_bold *{font-weight:bold;}
/* 颜色 */
        .c_000,.c_000 a,.c_000 a:hover{color:#000;}
        .c_fff,.c_fff a,.c_fff a:hover{color:#fff;}
        .c_red,.c_red a,.c_red a:hover{color:#d81718;}
        .c_333,.c_333 a,.c_333 a:hover{color:#333333;}
        .c_aaa,.c_aaa a,.c_aaa a:hover{color:#aaa;}


/* 结构样式 *******************************************/

/* 内边距 */
.p_0 { padding:0px;}
.p_10 { padding:0.1rem;}
.p_13 { padding:13px;}
.p_18 { padding:18px;}
.p_20 { padding:0.2rem;}
.p_r_0 {padding-right:0px;}
.p_r_4 {padding-right:4px;}
.p_r_5 {padding-right:5px;}
.p_r_7 {padding-right:7px;}
.p_r_10 {padding-right:10px;}
.p_r_12 {padding-right:12px;}
.p_r_15 {padding-right:15px;}
.p_r_20 {padding-right:0.2rem;}
.p_r_35 {padding-right:35px;}
.p_t_0 {padding-top:0px!important;}
.p_t_5 {padding-top:0.05rem;}
.p_t_10 {padding-top:0.1rem;}
.p_t_16 {padding-top:0.16rem;}
.p_t_26 {padding-top:0.26rem;}
.p_b_5 {padding-bottom:5px;}
.p_b_10 {padding-bottom:10px;}
.p_b_15 {padding-bottom:15px;}
.p_b_16 {padding-bottom:16px!important;}
.p_b_20 {padding-bottom:0.2rem;}
.p_l_7 {padding-left:7px;}
.p_l_10 {padding-left:10px;}
.p_l_12 {padding-left:12px;}
.p_l_15 {padding-left:15px;}
.p_l_20 {padding-left:0.2rem;}

/* 外边距 */
.m_r_0 { margin-right:0px !important;}
.m_r_1 { margin-right:1px;}
.m_r_2 { margin-right:2px;}
.m_r_3 { margin-right:3px;}
.m_r_5 { margin-right:5px;}
.m_r_8 { margin-right:8px;}
.m_r_10 { margin-right:10px;}
.m_r_12 { margin-right:12px;}
.m_r_15 { margin-right:15px;}
.m_r_148 { margin-right:148px;}
.m_r_45 { margin-right:45px;}
.m_r_35 { margin-right:35px;}
.m_r_20 { margin-right:20px;}
.m_b_0 {margin-bottom:0px;}
.m_b_3 { margin-bottom:3px;}
.m_b_4 { margin-bottom:4px;}
.m_b_5 { margin-bottom:0.05rem;}
.m_b_6 { margin-bottom:0.06rem;}
.m_b_8 { margin-bottom:0.08rem;}
.m_b_9 { margin-bottom:9px;}
.m_b_10 { margin-bottom:0.1rem;}
.m_b_15 { margin-bottom:0.15rem;}
.m_b_17 { margin-bottom:17px;}
.m_b_19 { margin-bottom:19px;}
.m_b_20 { margin-bottom:0.2rem;}
.m_b_25 { margin-bottom:25px;}
.m_b_30 { margin-bottom:30px;}
.m_b_40 { margin-bottom:40px;}
.m_b_50 { margin-bottom:0.5rem;}
.m_b_100 { margin-bottom:1rem;}
.m_l_1 { margin-left:1px;}
.m_l_2 { margin-left:2px;}
.m_l_3 { margin-left:3px;}
.m_l_5 { margin-left:5px;}
.m_l_10 { margin-left:10px!important;}
.m_l_15 { margin-left:15px;}
.m_l_30 { margin-left:30px;}
.m_l_80 { margin-left:80px;}
.m_l_180 { margin-left:180px;}
.m_t_3 { margin-top:3px;}
.m_t_5 { margin-top:5px;}
.m_t_7 { margin-top:7px;}
.m_t_10 { margin-top:0.1rem;}
.m_t_12 { margin-top:12px;}
.m_t_15 { margin-top:15px;}
.m_t_20 { margin-top:20px;}
.m_t_25 { margin-top:0.25rem;}
.m_t_30 { margin-top:30px;}
.m_t_45 { margin-top:45px;}
.m_t_48 { margin-top:48px;}
.m_t_60 { margin-top:60px;}
.m_t_99 { margin-top:99px;}

.b-fff {background-color: #fff;}
/** del **/
.b_gray_b_1 {
	border-bottom:1px solid #d6d6d6;
}

.block { display:block;}
.noShow{ display:none;}
.hide{ display:none;}
.hidden_block {	visibility:hidden;}
.bg_none { background:none!important}
.fl { float:left!important}
.fr { float:right!important}

.tl { text-align:left!important;}
.tr { text-align:right!important;}
.tc { text-align:center!important;}

.posit_rel { position:relative;}
.posit_abs { position:absolute;}
/* end table layout style */
.pointer{ cursor:pointer;}

.p_text_indent{	text-indent:0.7cm;}
.p_text_indent_none{ text-indent:0;}
.del_style{ text-decoration:line-through;}
.und_style{ text-decoration: underline;}

.v_m {display: inline-block; vertical-align: middle;}
/* end 结构样式 *******************************************/

body > .bootstrap-select {
  display:none\0;
}


/* #### 移动设备分辨率字体 #### */
/* 安卓 */
@media (min-device-width: 360px) { 
    html {
        font-size: 112.5px;
    }
    
}

/* iphone 6 */
@media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { 
    html {
        font-size: 117.1875px;
    }
}

/* iphone 6 plus */
@media (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { 
    html {
        font-size: 129.375px;
    }
}

